    <template>
        <div class="header2">
            <div>
                <img src="https://p0.meituan.net/scarlett/448afce485c1f342895185c2be668fa411803.png" alt="imgtitle">
            </div>
            <div>
               <slot></slot>
            </div>
            <div>
                打开App<i class="iconfont icon-youjiantou1"></i>
            </div>
        </div>
    </template>

    <script>
    export default {
        name: 'Header2',


        data() {
            return {
                
            };
        },

        methods: {
            
        },
        components:{

        },
    };
    </script>

    <style  scoped>
        .header2 {
            background: #fff;
            width: 100%;
            height: 1.6rem;
            line-height: 1.6rem;
            display: flex;
            justify-content: space-around;
            text-align: center;
            border-bottom: 1px solid #ccc;
         
        }
        .header2 div:nth-of-type(1){
            width: 30%;
         
        }
        .header2 div:nth-of-type(1) img {
            width: 2.506667rem;
            height: 1.04rem;
     
            margin-top: .24rem;


        }
        .header2 div:nth-of-type(2){
           
            width: 40%;
            text-align: center;
            font-size: 14px;
            color: #777;

        }
        .header2 div:nth-of-type(3){
            width: 30%;
            color:  #b37e7e;
            font-style: 700;
            font-size: 18px;
        }
        .header2 div:nth-of-type(3) i {
            font-size: 8px;
        }
    </style>